<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title>山东省青少年宫</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="decorator" content="ems_${site.theme}_front" />
	<meta name="description" content="JeeSite ${site.description}" />
	<meta name="keywords" content="JeeSite ${site.keywords}" />
</head>

<body ontouchstart>
<!--顶部搜索-->
<header class='weui-header' >
  <div class="weui-search-bar" id="searchBar" >
    <form class="weui-search-bar__form" >
      <div class="weui-search-bar__box" >
        <i class="weui-icon-search"></i>
        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入你要搜索的课程" required>
        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <i class="weui-icon-search"></i>
        <span>请输入你要搜索的课程</span>
      </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>
</header>

<!--主体-->
<div class='weui-content'>
  <!--顶部轮播-->
  <div class="swiper-container swiper-banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/ban1.jpg" /></a></div>
      <div class="swiper-slide"><a href="pro_list.html"><img src="${ctxStatic}/sdsng/upload/ban2.jpg" /></a></div>
      <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/ban3.jpg" /></a></div>
      <div class="swiper-slide"><a href="pro_list.html"><img src="${ctxStatic}/sdsng/upload/ban4.jpg" /></a></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
  <!--图标分类-->
  <div class="weui-flex wy-iconlist-box">
    <div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link1.png"></div><p>培训中心</p></a></div>
    <div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link2.png"></div><p> 营地中心</p></a></div>
    <div class="weui-flex__item"><a href="all_orders.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link3.png"></div><p>研学中心</p></a></div>
    <div class="weui-flex__item"><a href="Settled_in.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link4.png"></div><p>成人培训</p></a></div>
	</div>
	<div class="weui-flex wy-iconlist-box">
	<div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link4.png"></div><p>公益活动</p></a></div>
    <div class="weui-flex__item"><a href="pro_list.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link3.png"></div><p>预约试听</p></a></div>
    <div class="weui-flex__item"><a href="all_orders.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link2.png"></div><p>幼儿园</p></a></div>
    <div class="weui-flex__item"><a href="Settled_in.html" class="wy-links-iconlist"><div class="img"><img src="${ctxStatic}/sdsng/images/icon-link1.png"></div><p>全部科目</p></a></div>
  </div>
  <!--新闻切换-->
  <div class="wy-ind-news">
    <i class="news-icon-laba"></i>
    <div class="swiper-container swiper-news">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="news_info.html">热烈祝贺青少年宫在线报名系统上线</a></div>
        <div class="swiper-slide"><a href="news_info.html">少年宫基本常识</a></div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <a href="news_list.html" class="newsmore"><i class="news-icon-more"></i></a>
  </div>
  
    <!--猜你喜欢-->
  <div class="wy-Module">
    
    <div class="wy-Module-con">
      <ul class="wy-pro-list clear">
       <table width="100%">
	   <tr><td width="50%"><A href="#"><img src="${ctxStatic}/sdsng/upload/pro1.jpg" width="100%"/></A></td><td width="50%"><A href="#"><img src="${ctxStatic}/sdsng/upload/pro2.jpg" width="100%"/></A></td></tr>
	    <tr><td width="50%"><A href="#"><img src="${ctxStatic}/sdsng/upload/pro3.jpg" width="100%"/></A></td><td width="50%"><A href="#"><img src="${ctxStatic}/sdsng/upload/pro4.jpg" width="100%"/></A></td></tr>
	   </table>
      </ul>
      <div class="morelinks"><a href="pro_list.html">查看更多 >></a></div>
    </div>
  </div>
  <!--精选推荐-->
  <div class="wy-Module">
    <div class="wy-Module-tit"><span>精选推荐</span></div>
    <div class="wy-Module-con">
      <div class="swiper-container swiper-jingxuan" style="padding-top:34px;">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/jingxuan1.jpg" /></a></div>
          <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/jingxuan2.jpg" /></a></div>
          <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/jingxuan3.jpg" /></a></div>
          <div class="swiper-slide"><a href="pro_info.html"><img src="${ctxStatic}/sdsng/upload/jingxuan4.jpg" /></a></div>
        </div>
        <div class="swiper-pagination jingxuan-pagination"></div>
      </div>
    </div>
  </div>
  
   <div class="wy-Module">
    <div class="wy-Module-tit"><span>特色课程</span></div>
	<div class="wy-Module-con">
      <div class="swiper-container swiper-jingxuan" style="padding-top:34px;">
    
   <A href="#"><img src="${ctxStatic}/sdsng/upload/adv2.jpg" width="100%"/></A>
    <div class="morelinks"><a href="pro_list.html">查看更多 >></a></div> 
   <A href="#"><img src="${ctxStatic}/sdsng/upload/adv.jpg" width="100%"/></A> 
  
   <div class="weui-content">
   
  <div class="weui-cells wy-news-list">
    <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝省少年宫报名系统成功上线</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝省少年宫报名系统成功上市</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝贺省少年宫报名系统城成功上线</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝贺蓝之蓝股份成功上市</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝贺省少年宫报名系统份成功上市</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝省少年宫报名系统成功上线</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
     <a class="weui-cell weui-cell_access" href="news_info.html">
      <div class="weui-cell__bd">
        <p>热烈祝贺蓝之蓝股份成功上市</p>
      </div>
      <div class="weui-cell__ft"></div>
     </a>
  </div>
  
</div>
    <A href="#"><img src="${ctxStatic}/sdsng/upload/adv3.jpg" width="100%"/></A> 
   
   </div>
   </div>
	</div>
</div>


</body>
</html>